<template>
  <div class="card">
    <div class="card-title" v-if="info.cardTitle">{{ info.cardTitle }}</div>
    <div class="card-info" v-if="info.itemList[0] && info.itemList[0].itemUrl">
      <img :src="info.itemList[0].itemUrl" />
    </div>
  </div>
</template>

<script>
export default {
  name: 'card',
  props: {
    info: {
      type: Object,
      default: function () {
        return {}
      }
    }
  },
}
</script>
<style lang="scss" scoped>
img {
  margin: 3% auto;
  max-width: calc(100% - 5px);
  max-height: calc(100% - 20px);
  display: block;
}
</style>
